/* $Id: mainmenu.css,v 1.5 2005/06/23 14:00:11 roflo1 Exp $ */
A:visited, :link {text-decoration: underline}
A:link {color : navy}
A:link:hover, :visited:hover {text-decoration: none}
A:visited {color: navy}
A:link:active, :visited:active {color: green}

body {
	margin: 0px;
	padding: 0px;
	color : #333;
	background-color: #fff;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
}

form {
    margin: 0px;
}

.button {
	border : solid 1px #ccc;
	background: #E9ECEF;
	color : #666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
	margin: 3px;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	}

.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #ccc;
	}

h1 {color : navy; text-align: center}
h2 {color : navy; text-align: center}
h3 {font-family: arial; font-weight: bold; text-align: left; text-indent:80}

hr {width: 50%}
.fullwidth {width: 100%}

#header {
	margin:0;
	margin-top:10px;
	border:0;
	padding: 0 0 0 10px;
	height: 35px;
	background-color:#353C91;
	color: white;
}

#heading {
	font-family: Verdana, helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

#content {
	margin:0;
	padding:0;
	border:0;
	width:auto;
}

#rightcolumn
{
width: 600px;
text-align: left;
margin: 0 0 0 180px;
height: auto;
padding: 15px 0 0 5px;
border:0;
border-left: 1px dotted gray;
}

.preferences {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 15px;
	border: 1px solid #ccc;
	width: 550px;
	background: #F1F3F5;
}

.preferences h1 {
	color: #333;
	margin: 0px;
	height: 50px;
	padding: 15px 4px 0 50px;
 	text-align: left;
	font-size: 1.5em;
}

.preferences-form {
	text-align: left;
	float: right;
	width: 400px;
}

.login-text {
	text-align: left;
	width: 125px;
	float: left;
}

.form-block {
	border: 1px solid #ccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.viewmessage-form {
        margin-top: 30px;
	text-align: left;
	float: left;
	width: 800px;
}

.message-block {
	border: 1px solid #ccc;
	background: #E9ECEF;
        margin-left: 180px;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}



#personalinfo {display:none;}
#preferences {display:none;}
#challenge {display:none;}
#invitations {display:none;}
#messages {display:none;}
#continuegame {display:block;}
#viewgame {display:none;}

.clr {
    clear:both;
    }

.ctr {
	text-align: center;
}

.instruction {
	color: #000;
	margin:0;
	margin-bottom: 10px;
	font-size:1.2em;
}

/* Table styles. */

table {
  border-color: #ccc;
  border-spacing: 0px;
  border-style: solid;
  border-width: 1px;
  cell-spacing: 0px;
  border-collapse:collapse;
}

td, th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
  /*white-space: nowrap;*/
}

td.numeric {
  text-align: right;
}

th {
  background-color: #c0c0c0;
}

th.mainHeader {
  background-color: #808080;
  color: #fff;
  text-align: center;
  font-size: 15px;
  width: 400px;

}

th a {
  color: #000080;
  text-decoration: none;
}

th a:visited {
  color: #000080;
}

th a:active, th a:hover {
  color: #800000;
  text-decoration: underline;
}

tr.alternateRow {
  background-color: #e0e0e0;
}

td.sortedColumn {
  background-color: #f0f0f0;
}

th.sortedColumn {
  background-color: #b0b0b0;
}

tr.alternateRow td.sortedColumn {
  background-color: #d0d0d0;
}

/* Menu definitions */

#navcontainer
{
	position: absolute;
	z-index: 10;
	top: 70px;
	left:15px;
	width: 160px;
	height: 100%;
	margin: 0;
	margin-top: 0px;
	padding: 0;
	border: 0;
	background: #F1F3F5;
	font-family: georgia, serif;
	font-size: 13px;
	text-align: center;
	/*text-transform: lowercase;*/
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 90%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}
 
ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #E9ECEF;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #DDDFF3;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #F1F3F5;
background: #353C91;
border-color: #aaab9c #fff #fff #ccc;
}

li.botones{
width: 60px;
}

span#cabecera{
margin-left:120px;
display:inline;
font-size: large;
}

a.enlaces_mensajes , a.enlaces_viewmessage{
font-size: 12px;
text-decoration:none;
margin-left:35px;
}

a.enlaces_mensajes:hover, a.enlaces_viewmessage:hover{
text-decoration: underline;
}

#visualizar_mensajes{
width:400px;
}

span.menu_admin{
margin-left:10px;
}

span#cabecera_admin{
margin-left:85px;
display:inline;
font-size: large;
}

div.resaltado {
	color: #f00;
	margin:0;
	margin-bottom: 10px;
	font-size:1.2em;
}

span#oculto{
display:none;
}